<template>
    <header>
        <div class="row">
            <div class="col-md-8">  </div>
            <div class="col-md-4">
                <div class="row">
                    <div class="col-md-9 col-md-offset-4 fix">
                        <div class="imgBox col-md-3">
                            <img :src="user.userImg">
                        </div>
                        <div class="userName col-md-3 ">
                            <div class="dropdown  ">
                                <button class=" btn btn-default dropdown-toggle suer" type="button" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                    {{user.name}}
                                    <span class="caret"></span>
                                </button>
                                <ul class="dropdown-menu " aria-labelledby="dropdownMenu2">
                                    <li><a href="#">退出登录</a></li>
                                    <li><a href="javascript:;">修改密码</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="iconBox col-md-3 relative" >
                            <img :src="massge.icon">
                            <i> 1</i>
                        </div>
                        <div class="text col-md-4">
                            <p><a href="javascript:;" class="goHelp"> 帮助中心  </a></p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>
</template>
<script>
    import massgeIcon from '../../assets/massg.png';
    import userMag from '../../assets/userMage.png';
    export default {
        name: 'CommonHeader',
        data:function() {
            return {
               user:{name:"海王星",userImg:userMag},
                massge: {
                    icon:massgeIcon,
                    cunt:0,
                    list:[]
                },
            };
        }
    }
</script>